<template>
  <div style="padding: 20px">
    <h3>基本信息</h3>
    <Row style="margin: 25px 0;">
      <Col span="10" style="text-align: right">
        司机编号： <Input v-model="info.id" placeholder="请输入司机编号" disabled style="width: 320px" />
      </Col>
      <Col span="10" style="text-align: right">
        司机名称： <Input v-model="info.name" placeholder="请输入司机名称" disabled style="width: 320px" />
      </Col>
    </Row>
    <Row style="margin: 25px 0;">
      <Col span="10" style="text-align: right">
        所属机构： <Input v-model="info.cname" placeholder="请输入所属机构" disabled style="width: 320px" />
      </Col>
      <Col span="10" style="text-align: right">
        所属车队： <Input v-model="info.fname" placeholder="请输入所属车队" disabled style="width: 320px" />
      </Col>
    </Row>
    <Row style="margin: 25px 0;">
      <Col span="10" style="text-align: right">
        电话： <Input v-model="info.mobile" placeholder="请输入电话" disabled style="width: 320px" />
      </Col>
      <Col span="10" style="text-align: right">
        年龄： <Input v-model="info.age" placeholder="请输入年龄" disabled style="width: 320px" />
      </Col>
    </Row>
    <hr>
  </div>
</template>

<script>
import axios from 'axios';
export default {
  data(){
    return{
        info:{}
    }
  },
  created(){
    // console.log(this.$route.query.id)
    this.queryDriverBasicInfo();
  },
  methods:{
    queryDriverBasicInfo:async function(){
      var rsp = await axios.post("/api/pd-baseyc/pd-truck-driver/queryDriverBasicInfoById/"+this.$route.query.id);
      // console.log(rsp.data);
      this.info = rsp.data;
    }
  }
}
</script>

<style scoped>

</style>
